<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>企业信息</title>
<base th:href="@{/}">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="static/theme/index.css">
<link rel="stylesheet" href="static/css/myStyle.css" />
<link rel="stylesheet" href="static/css/reset.css" />
</head>
<body>

	<div id="bussiness">
		<template>
			<div class="header1">
				<el-menu id="nav-bar" :default-active="'/factory'" router
					class="el-menu-demo" mode="horizontal" background-color="white"
					text-color="#222" active-text-color="#409EFF"> <el-menu-item>
				<img src="static/img/logo.png" width="100px" /> </el-menu-item>
				<el-menu-item
					v-for="(item, index) in items2" :key="index" :index="item.index"
					:id="item.class">{{ item.title }}</el-menu-item> 
						<el-col
						id="login-side" :span="4"> <!-- Form -->
							<el-link href="http://localhost:8082/">返回首页</el-link>
					 </el-col>
				 </el-menu>

			</div>
		</template>
		<template>
			<el-container>
				<div class="center-div">
					<el-row>
						<el-col :span="4">
							<el-image style="width:80px" :src="bussinessList[0].bimg"></el-image>
						</el-col>
						<el-col :span="20" style="height:118px;background-image:url(static/img/background/com_icon_bg.png)">
							<el-row >
								<h1 v-text="bussinessList[0].bname"></h1>
							</el-row>
							<el-row style="margin-top:10px;margin-buttom:10px">{{ bussinessShortDetail[0] }}</el-row>
							<el-row style="margin-top:10px;">
								<el-breadcrumb separator-class="el-icon-arrow-right">
								  <el-breadcrumb-item>{{ bussinessList[0].bpro }}</el-breadcrumb-item>
								  <el-breadcrumb-item>{{ bussinessList[0].baddress }}</el-breadcrumb-item>
								  <el-breadcrumb-item>企业人数：{{ bussinessList[0].number }}</el-breadcrumb-item>
								</el-breadcrumb>
							</el-row>
						</el-col>
					</el-row>
				<!-- biaoqian -->	
					<el-row>
						  <el-tabs class="tab-div" v-model="activeName" @tab-click="">
						    <el-tab-pane label="企业主页" name="first">
						    	<el-row style="margin-top:30px">
						    		<h1 style="font-size:18px;margin:10px auto 20px auto">企业介绍</h1>
						    		<pre>{{ bussinessList[0].bdetails }}</pre>
						    	</el-row>
						    </el-tab-pane>
						    <el-tab-pane label="招聘职位" name="second">
						    	<el-row style="margin-top:30px">
						    		<h1 style="font-size:18px;margin:10px auto 20px auto">招聘职位</h1>
						    			<el-row>
										 		<el-col :span="20">
										 			<el-card shadow="never" style="margin-top:20px;font-size:15px;font-weight:300" v-for="(i,index) in jobByBuss" :key="index">
										 				<el-row>
											 				<el-col :span="19">
											 					<el-row>
											 						<el-col :span="12">
											 							<el-col :span="10">
											 								<el-link :underline="false" @click.native="getJobDetails(i.jid)">{{ i.jobname }}</el-link>
											 							</el-col>
											 							<el-col :span="8" :offset="2">
											 								<span style="color:red">{{ i.jsalary }}</span>
											 							</el-col>
											 						</el-col>
											 						<el-col :span="12"><el-link :underline="false" @click.native="getBussiness(i.bname)">{{ i.bname }}</el-link></el-col>
											 					</el-row>
											 					<el-row style="margin-top:10px;">
											 						<el-col :span="12">
											 							<span>{{ i.bpro }} | </span>
											 							<span>{{ i.jtime }}</span>
											 						</el-col>
											 						<el-col :span="12">招聘人数 {{ i.jnumber }}</el-col>
											 					</el-row>
											 				</el-col>
											 				<el-col :span="5">
											 					<el-image style="width:50px ":src="i.bimg"></el-image>
											 				</el-col>
											 			</el-row>
											 			<el-divider class="divider1"></el-divider>
											 			<el-row>
											 				<el-col :span="19">{{ i.welfare }}</el-col>
											 				<el-col :span="5">发布时间：{{ i.jptime }}</el-col>
											 			</el-row>
										 			</el-card>
										 		</el-col>
									 		</el-row>
						    	</el-row>
						    </el-tab-pane>
						  </el-tabs>
					</el-row>
				<!-- biaoqian -->	
				
				</div>
			</el-container>
		</template>
	</div>
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

	<script src="static/js/bussiness.js"></script>
</body>
</html>